<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta charset="utf-8">

  <base href="">

  <title>Vvveb Landing - Homepage</title>



  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta name="author" content="Vvveb">
  <link rel="canonical" href="https://www.vvveb.com/">


  <!-- Facebook Meta Tags -->
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
  <meta property="og:url" content="https://vvveb.com/" />
  <meta property="og:site_name" content="Vvveb CMS" />
  <meta property="og:image" content="" />
  <meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />


  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="twitter:domain" content="demo.vvveb.com">
  <meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
  <meta name="twitter:title" content="Begin each day by telling yourself">
  <meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta name="twitter:image" content="">
  <meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
  <meta name="twitter:label1" content="Est. reading time" />
  <meta name="twitter:data1" content="3 minutes" />

  <meta itemprop="name" content="Vvveb">
  <meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
  <meta itemprop="url" content="https://www.vvveb.com/">
  <meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
  <meta itemprop="image" content="/img/favicon/228x228.png">
  <meta itemprop="sourceOrganization" content="Vvveb">
  <meta itemprop="inLanguage" content="en-US">

  <script type="application/ld+json" id="ldJsonScript">
   {
	  "@context": "http://schema.org",
	  "@graph": [
		{
		  "@type": "Organization",
		  "@id": "https://www.vvveb.com/#organization",
		  "url": "https://www.vvveb.com",
		  "logo": "https://www.vvveb.com/img/favicon/256x256.png",
		  "sameAs": [
			"https://twitter.com/vvveb",
			"https://www.facebook.com/vvveb.com",
			"https://youtube.com/vvveb",
			"https://www.linkedin.com/company/vvveb-com",
			"https://plus.google.com/+VvvebCom"
		  ]
		},
		{
		  "@type": "WebSite",
		  "@id": "https://www.vvveb.com/#website",
		  "url": "https://www.vvveb.com",
		  "name": "Vvveb"
		},
		{
		  "@type": "WebPage",
		  "@id": "https://www.vvveb.com/#webpage",
		  "url": "https://www.vvveb.com/",
		  "name": "Vvveb"
		}
	  ]
	}
</script>


  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@vvveb">

  <meta name="twitter:label1" content="Platform">
  <meta name="twitter:data1" content="Vvveb">
  <meta name="twitter:label2" content="Software">
  <meta name="twitter:data2" content="CMS">


  <meta property="og:title" content="Vvveb">
  <meta property="og:site_name" content="Vvveb">
  <meta property="og:url" content="https://www.vvveb.com/">
  <meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
  <meta property="fb:app_id" content="">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="en_US">
  <meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">



  <!-- HTML Meta Tags -->
  <title>Begin each day by telling yourself</title>
  <meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">





  <link id="landing-css" href="css/style.bundle.css" rel="stylesheet" media="screen">
  <link id="vvvebjs-css" href="css/custom.css" rel="stylesheet" media="screen">





  <style>
    }
  </style>




  <link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />

  <link rel="icon" type="image/x-icon" href="../../media/favicon.ico" data-v-global-site.favicon>

  <link rel="manifest" href="/manifest.webmanifest">

  <link rel="alternate" hreflang="" href="" />
</head>



<body class="home">

  <nav class="navigation-4 clearfix" data-v-save-global="index.html,.navigation-4">

    <div class="navbar navbar-expand-md">

      <div class="container">

        <div data-v-component-site>
          <a class="navbar-brand" href="/" data-v-url-params='{"host":"www.*.*"}'>
            <span class="visually-hidden">Logo</span>
            <img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
            <img src="img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
            <img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
            <img src="img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
          </a>
        </div>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
          <ul class="navbar-nav ms-auto" data-v-menu-items>
            <li class="nav-item dropdown" data-v-menu-item data-v-class-if-has-dropdown="category.children > 0">

              <a class="nav-link" href="#" data-v-class-if-dropdown-toggle="category.children > 0" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name>Resources</span>
              </a>

              <div class="dropdown-menu" data-v-menu-item-recursive>
                <div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
                  <a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
                    <span data-v-menu-item-name>User Documentation</span>
                  </a>
                </div>
                <div data-v-menu-item class="nav-item" data-v-menu-item data-v-class-if-dropdown="category.children > 0">
                  <a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
                    <span data-v-menu-item-name>Developer Documentation</span>
                  </a>
                </div>
              </div>
            </li>
            <li class="nav-item" data-v-menu-item>
              <a class="nav-link" href="https://blog.vvveb.com" data-v-menu-item-url>
                <span data-v-menu-item-name>Blog</span>
              </a>
            </li>
            <li class="nav-item" data-v-menu-item>
              <a class="nav-link" href="https://www.vvveb.com/page/contact" data-v-menu-item-url>
                <span data-v-menu-item-name>Contact</span>
              </a>
            </li>
            <li class="nav-item" data-v-menu-item>
              <a class="nav-link" href="https://www.vvveb.com" data-v-menu-item-url>
                <span data-v-menu-item-name>About us</span>
              </a>
            </li>
            <li class="nav-item">
              <a id="color-theme-switch" class="nav-link" href="javascript:void(0);" role="button" title="Switch sidebar color theme">
                <i class="la la-sun"></i>
              </a>
            </li>

          </ul>
          <!--				
				<div class="search-area toggle-hover">
					<form action="/search" method="get" data-v-action="/search">
						<input type="hidden" name="route" value="search">
						<div class="input-group">
							<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-v-vvveb-on="keyup">
							<button class="btn border-0" type="submit" title="Search">
								<div class="la-flip-horizontal">
									<i class="la la-search la-lg" aria-hidden="true"></i>
								</div>
							</button>
						</div>			  
					</form>
				</div>
-->
        </div>
        <!--
		  <div class="collapse navbar-collapse" id="navbar">
			<ul class="navbar-nav ms-auto">
			  <li class="nav-item">
				<a class="nav-link" href="#features">Features <span class="sr-only">(current)</span></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="https://themes.vvveb.com">Themes</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="https://plugins.vvveb.com">Plugins</a>
			  </li>
			  <li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">Resources</a>
				<div class="dropdown-menu" aria-labelledby="dropdown01">
				  <a class="dropdown-item" target="_blank"  href="https://github.com/givanz/VvvebJs/wiki">User Documentation</a>
				  <a class="dropdown-item" target="_blank"  href="https://github.com/givanz/VvvebJs/wiki">Developer Documentation</a>
				</div>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" target="_blank" href="https://github.com/givanz/VvvebJs">Github</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="contact.html">Contact</a>
			  </li>
			  <li class="nav-item active">
				<a class="nav-link" href="https://vvveb.com/download.php">Download for free</a>
			  </li>			  
			</ul>
		  </div>
		  -->
      </div>

    </div>

  </nav>


  <header class="hero-1" title="hero-1">

    <div class="container">
      <div class="heading">
        <h1 class="display-1">Open Source CMS Reinvented</h1>

        <h2 class="fs-3">Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</h2>

        <div class="btns">
          <a class="btn btn-primary btn-shadow" href="/download.php" role="button">
            <span>&#9889;</span>
            <span>Free Download</span>
            <b>›</b>
          </a>

          <div class="nav-item dropdown">
            <a class="btn btn-outline-primary nav-link dropdown-toggle" href="//demo.vvveb.com" role="button">Live demo <b>›</b>
            </a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
              <a class="dropdown-item" target="_blank" href="//demo.vvveb.com/admin/?module=/editor/editor&template=index.html&url=/">Page builder</a>
              <a class="dropdown-item" target="_blank" href="//demo.vvveb.com">Frontend</a>
              <a class="dropdown-item" target="_blank" href="//demo.vvveb.com/admin">Admin dashboard</a>
            </div>
          </div>
        </div>

        <i class="text-muted">
          <small>* Note: Beta Version</small>
        </i>
      </div>

      <div class="frame mx-auto">
        <video loading="lazy" src="video/intro.mp4" muted loop controls poster="https://www.vvveb.com/img/dark-theme.png"></video>
      </div>
    </div>

    <div class="overlay">
    </div>

    <div class="background-container">
      <img src="img//background.svg" alt="Hero background" loading="lazy">
    </div>

  </header>



  <!--

	<section class="d-flex showcase-1 section-overlap pt-0" style="background:var(--bs-body-bg)">
		<div class="container">
			  <div class="frame mx-auto">
				<video loading="lazy" src="video/intro.mp4" muted playsinline loop controls></video>
			  </div>

		</div>
		
	</section>
	-->

  <section class="mb-5 border-top pt-5">
    <div class="container">
      <div class="py-4">
        <h2 class="display-5 text-center fw-semibold mx-auto" style="letter-spacing: -1.2px;max-width:80%">Packed with everything you need to build any modern website.</h2>
        <p class="lead mx-auto text-center" style="max-width:80%">Vvveb has all the features you will need to manage your content or sell online it includes a page builder has full internationalization support, advanced ecommerce features, security and with the integrated extensions marketplace you can extend it for any purpose.</p>
      </div>
    </div>
  </section>

  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12 col-text">
          <div>
            <h3>Drag and drop page builder</h3>
            <div class="d-flex">
              <i class="la la-mouse la-lg"></i>
              <p>Unique abillity to customize any page and element without limitations.</p>
            </div>
            <div class="d-flex">
              <i class="la la-desktop la-lg"></i>
              <p>Real WYSIWYG editor, the page will look exactly like in the editor with no difference.</p>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video float-end">
            <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted loop controls poster="https://www.vvveb.com/img/light-theme.png"></video>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/security.png" alt="Security dashboard" loading="lazy">
          </div>
        </div>
        <div class="col-md-5 col-sm-12 col-text">
          <div>
            <h3>Better Security</h3>
            <div class="d-flex">
              <i class="la la-user-lock la-lg"></i>
              <p>Custom random <i>/admin-0j57bgw</i> login page for admin to protect against password brute force attacks.</p>
            </div>
            <div class="d-flex">
              <i class="la la-lock la-lg"></i>
              <p>Vvveb is 100% safe against sql injections a vulnerability that affects many CMSes.</p>
            </div>
            <div class="d-flex">
              <i class="la la-shield-alt la-lg"></i>
              <p>Document root folder can be set to /public to expose only index.php to minimize attack surface and protect plugins php files from exposure.</p>
            </div>
            <div class="d-flex">
              <i class="la la-key la-lg"></i>
              <p>Built in integrity check.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Localization</h3>
            <div class="d-flex">
              <i class="la la-flag la-lg"></i>
              <p>Publish content in multiple languages or sell in different currencies.</p>
            </div>
            <div class="d-flex">
              <i class="la la-globe la-lg"></i>
              <p>With language packs use the interface in the language you like.</p>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video float-end">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/languages.png" alt="Languages list" loading="lazy">
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/ecommerce.png" alt="Ecommerce product edit" loading="lazy">
          </div>
        </div>
        <div class="col-md-5 col-sm-12 col-text">
          <div>
            <h3>Ecommerce</h3>
            <div class="d-flex">
              <i class="la la-store-alt la-lg"></i>
              <p>Vvveb is a full featured ecommerce platform with advanced functionality.</p>
            </div>
            <div class="d-flex">
              <i class="la la-shopping-bag la-lg"></i>
              <p>All modern ecommerce features are available</p>
            </div>
            <div class="d-flex">
              <i class="la la-wallet la-lg"></i>
              <p>Multiple payment methods</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Easy installation</h3>
            <div class="d-flex">
              <i class="la la-hand-pointer la-lg"></i>
              <p>One click easy installation, with no setup when using sqlite.</p>
            </div>
            <div class="d-flex">
              <i class="la la-database la-lg"></i>
              <p>Supports MySql, SQLite and PostgreSql databases.</p>
            </div>
            <div class="d-flex">
              <i class="lab la-php la-lg"></i>
              <p>Compatible with all PHP versions from 7.4 to 8.3+</p>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/install.png" alt="Install screen first step" loading="lazy">
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/multisite.png" alt="Multi site list" loading="lazy">
          </div>
        </div>
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Multi site</h3>
            <div class="d-flex">
              <i class="la la-project-diagram la-lg"></i>
              <p>Manage multiple websites or subdomains from the same installation.</p>
            </div>
            <div class="d-flex">
              <i class="la la-network-wired la-lg"></i>
              <p>Run your blog, store, portfolio everything from the same dashboard.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>SEO out of the box</h3>
            <div class="d-flex">
              <i class="la la-lightbulb la-lg"></i>
              <p>Optimized for Lighthouse 100% high score <a href="https://pagespeed.web.dev/analysis/https-www-vvveb-com/ifu8jek4v9?form_factor=desktop" target="_blank">test results</a>.</p>
            </div>
            <div class="d-flex">
              <i class="la la-sitemap la-lg"></i>
              <p>Automatic sitemaps and robots.txt configuration.</p>
            </div>
            <div class="d-flex">
              <i class="la la-server la-lg"></i>
              <p>Time To First Byte in a few miliseconds.</p>
            </div>
            <div class="d-flex">
              <i class="la la-language la-lg"></i>
              <p>Href langs support for multi language SEO.</p>
            </div>
            <div class="d-flex">
              <i class="lab la-twitter la-lg"></i>
              <p>Open Graph protocol meta tags for social snippets.</p>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video float-end">
            <img class="img-fluid" src="img/seo.png" alt="Search engine optimization" loading="lazy">
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <img class="img-fluid" src="img/cache.png" alt="Cache performance" loading="lazy">
          </div>
        </div>
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Very, very fast</h3>
            <div class="d-flex">
              <i class="la la-feather-alt la-lg"></i>
              <p>Low footprint, runs fast even on free shared hosting.</p>
            </div>
            <div class="d-flex">
              <i class="la la-file-alt la-lg"></i>
              <p>With advanced caching can serve pages as fast as static websites.</p>
            </div>
            <div class="d-flex">
              <i class="la la-traffic-light la-lg"></i>
              <p>Because of high performance can withstand traffic spikes without issues.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Demo import</h3>
            <div class="d-flex">
              <i class="la la-eye la-lg"></i>
              <p>Built in theme demo import functionality helps you get started faster by providing initial content and configuration.</p>
            </div>

          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video float-end">
            <img src="img/themes.png" alt="Themes demo import" loading="lazy">
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="d-flex showcase-1">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video">
            <img class="img-fluid" src="img/open_source.png" alt="Open source collaboration" loading="lazy">
          </div>
        </div>
        <div class="col-md-5 col-sm-12">
          <div class="col-text">
            <h3>Open source &amp; free</h3>
            <div class="d-flex">
              <i class="la la-hands la-lg"></i>
              <p>Open source code means transparency and collaboration.</p>
            </div>
            <div class="d-flex">
              <i class="la la-dove la-lg"></i>
              <p>Free to use for everyone.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <section class="d-flex showcase-1 ">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-5 col-sm-12 col-text">
          <div>
            <h3>Unlimited design powers</h3>
            <div class="d-flex">
              <i class="la la-code la-lg"></i>
              <p>Vvveb uses plain html for templating for maximum flexibility, convert any html template to a theme in just a few minutes.</p>
            </div>
          </div>
        </div>
        <div class="col-md-7 col-sm-12 col-img">
          <div class="video float-end">
            <!-- <video loading="lazy" class="img-fluid" src="video/drag.m4v" muted playsinline loop></video> -->
            <img src="img/html.png" alt="Html code preview" loading="lazy">
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--
	<section class="showcase-1">
		<div class="container">
		  <div class="row align-items-center">
	  
				<h3 class="text-center">Sponsor Vvveb</h3>
				<hr class="border-secondary"/>
				<div class="p-3 lead text-center mb-4">
					<p>
					Support Vvveb on <a href="https://opencollective.com/vvvebjs/contribute" rel="sponsored noopener" target="_blank">Open Collective</a> or trough <a href="https://www.paypal.com/paypalme/zgivan" rel="noopener" target="_blank">Paypal</a> and help us make it even better!<br> 
					Your support means a lot!
					</p>
					<a href="https://opencollective.com/vvvebjs/contribute" class="btn btn-primary mx-auto d-inline-block"  rel="sponsored noopener" target="_blank">Become Sponsor</a>
				</div>
				<div class="text-center mb-4">
					<a href="https://trycrypto.com/?utm_source=opencollective&utm_medium=github&utm_campaign=vvvebjs" rel="sponsored noopener" target="_blank">
						<img src="https://opencollective.com/vvvebjs/sponsors/0/avatar">
					</a>
				</div>
				<div class="text-center">
					<a href="https://opencollective.com/vvvebjs/backers/0/website" rel="sponsored noopener" target="_blank"><img width="32" src="https://opencollective.com/vvvebjs/backers/0/avatar"></a>
				</div>
				
				</div>
			</div>
		</div>
	</section>
-->

  <footer class="footer-1" title="footer-1" data-v-save-global="index.html,.footer-1">
    <div class="container" data-v-component-menu="footer" data-v-slug="main-footer">

      <div class="row" data-v-menu-items>

        <div class="col-md">

          <div data-v-component-site>
            <img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
            <img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
          </div>

        </div>


        <div class="col-md" data-v-menu-item data-v-if="category.children > 0">
          <div class="h6" data-v-menu-item-name>Vvveb</div>
          <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="https://themes.vvveb.com/" data-v-menu-item-url>
                <span data-v-menu-item-name>Themes</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="https://plugins.vvveb.com/" data-v-menu-item-url>
                <span data-v-menu-item-name>Plugins</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="content/index.html" data-v-menu-item-url>
                <span data-v-menu-item-name>Blog</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="product/index.html" data-v-menu-item-url>
                <span data-v-menu-item-name>Shop</span>
              </a>
            </div>
          </nav>
        </div>

        <div class="col-md" data-v-menu-item data-v-if="category.children > 0">
          <div class="h6" data-v-menu-item-name>Resources</div>
          <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
                <span data-v-menu-item-name>User documentation</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
                <span data-v-menu-item-name>Developer documentation</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="pricing.html" data-v-menu-item-url>
                <span data-v-menu-item-name>Pricing</span>
              </a>
            </div>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="services.html" data-v-menu-item-url>
                <span data-v-menu-item-name>Services</span>
              </a>
            </div>
          </nav>
        </div>

        <div class="col-md" data-v-menu-item data-v-if="category.children > 0">
          <div class="h6" data-v-menu-item-name>Contact</div>
          <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="" href="contact.html">Contact us</a>
              <a href="" href="portfolio.html">Portfolio</a>
              <a href="" href="about.html">About us</a>
              <a href="" href="user/return-form.html">Return form</a>
            </div>
          </nav>
        </div>

        <div class="col-md" data-v-menu-item data-v-if="category.children > 0">
          <div class="h6" data-v-menu-item-name>My account</div>
          <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0">
              <a href="" href="user/order-tracking.html">Order tracking</a>
              <a href="" href="user/wishlist.html">Wishlist</a>
              <a href="" href="user/orders.html">Orders</a>
              <a href="" href="cart/compare.html">Compare</a>
            </div>
          </nav>
        </div>



      </div>
      <!--
		<div class="row justify-content-end">
			<div class="col-md-3 text-muted text-small mt-5">
				&copy; <span data-v-year>2023</span> <span data-v-sitename>Vvveb</span>. Powered by <a href="https://vvveb.com" target="_blank">Vvveb</a>	
			</div>
		</div>
		-->

    </div>

    <div class="footer-copyright">
      <div class="container">
        <div class="d-flex flex-column flex-md-row">
          <div class="text-muted flex-grow-1">
            <a class="btn-link text-muted" href="content/page.html">Terms and conditions</a> |
            <a class="btn-link text-muted" href="content/page.html">Privacy Policy</a>
          </div>
          <div class="text-muted">
            &copy; <span data-v-year>2023</span>
            <span data-v-global-site.title>Vvveb</span>. <span>Powered by</span>
            <a href="https://vvveb.com" class="btn-link text-muted" target="_blank">Vvveb</a>
          </div>
        </div>
      </div>
    </div>

  </footer>



  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
        Product was added to cart.
      </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <!-- Vvveb Common Js -->
  <script id="popper-js" src="../../js/popper.min.js"></script>
  <!-- <script src="../../js/bootstrap.min.js"></script> -->
  <!-- <script src="../../js/bootstrap.bundle.min.js"></script> -->
  <script id="bootstrap-js" src="js/bootstrap.min.js"></script>
  <!-- Vvveb Ajax Common Js -->
  <script id="app-js" src="../../js/app.js"></script>

  <!-- Animation -->

  <link rel="stylesheet" href="js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>

  <script src="js/aos.js"></script>
  <script src="js/theme.js"></script>

  <script>
	AOS.init();
</script>

  <script>
/*
var options = {
    //root: document.body,
    rootMargin: '0px',
    threshold: 1.0 // trigger only when element comes into view completely
};

var previousVideo = false;
var currentVideo = false;
var ob = new IntersectionObserver((entries, observer) => {
  currentVideo = entries[0].target;

  if (previousVideo) {
	  previousVideo.pause();
	  previousVideo.parentNode.classList.toggle('play');
  }
  previousVideo = entries[0].target;
  currentVideo.play();
  currentVideo.parentNode.classList.toggle('play');
  //console.log(entries[0].target);
  
}, options);

// observe all paragraphs, when coming into view, change color
document.querySelectorAll('video').forEach((item) => {
  ob.observe(item);
});
*/
</script>

</body>

</html>